$bodyBg:#f0f0f0;
$borderCol:#e6e6e6 0.028rem solid;
$borderWhiteCol:#ffffff 3px solid;
$mainCol:#666666;
$lessCol:#999999;
$whiteCol:#ffffff;
$redColor:#e11537;
$activeColor:#19ccc3;
// $iconsUrl:url('../../assets/img/user/icons.png') no-repeat;
// $iconsSize:277px 94px;
$whiteCol:#ffffff;

// .icons{
//     background:$iconsUrl;
//     background-size:$iconsSize;
//     -webkit-background-size:$iconsSize;
// }

#userInfo{
	color:$mainCol;
	min-height:100vh;
	background:$bodyBg;
	.user-info{
		margin: 20px 20px;
		padding: 18px 0;
		border-radius:0.2em;
		img{
			display: inline-block;
			vertical-align: middle;
			width: 144px;
			height: 144px;
			border-radius:0.2em;
			margin-left: 52px;
			margin-right: 20px;
		}
		span{
			display: inline-block;
			vertical-align: middle;
			p{
				color: #666666;
				font-size: 24px;
				margin: 5px 0;
				&:first-child{
					color: #333333;
					font-size: 28px;
				}
				i{
					width: 44px;
					height: 44px;
					display: inline-block;
					vertical-align: middle;
					margin-right: 10px;
					background:url('../../assets/img/user/user-info-icon.png') no-repeat right;
		            background-size:188px 44px;
		            -webkit-background-size:188px 44px;
		            &.user-icon{
		            	background-position:0 0;
		            }
		            &.tel-icon{
		            	background-position:-48px 0;
		            }
		            &.biz-icon{
		            	background-position:-96px 0;
		            }
		            &.add-icon{
		            	background-position:-144px 0;
		            }
				}
			}
		}
	}
}
